{extend name="public/base" /}
{block name="body"}
<div class="row wrapper border-bottom white-bg page-heading">
    <div class="col-lg-10">
        <h2>产品展示</h2>
        <ol class="breadcrumb">
            <li>
                <a href="index.html">主页</a>
            </li>
            <li>
                <a>产品展示</a>
            </li>
            <li class="active">
                <strong>网格布局</strong>
            </li>
        </ol>
    </div>
    <div class="col-lg-2">

    </div>
</div>
<div class="wrapper wrapper-content animated fadeInRight">                <div class="layui-col-md12">
    <div class="layui-card-body ">
        <form class="layui-form layui-col-space5">
            <div class="layui-input-inline layui-show-xs-block">
                <input class="layui-input" placeholder="开始日" name="start" id="start"></div>
            <div class="layui-input-inline layui-show-xs-block">
                <input class="layui-input" placeholder="截止日" name="end" id="end"></div>
            <div class="layui-input-inline layui-show-xs-block">
                <select name="contrller">
                    <option>支付方式</option>
                    <option>支付宝</option>
                    <option>微信</option>
                    <option>货到付款</option></select>
            </div>
            <div class="layui-input-inline layui-show-xs-block">
                <select name="contrller">
                    <option value="">订单状态</option>
                    <option value="0">待确认</option>
                    <option value="1">已确认</option>
                    <option value="2">已收货</option>
                    <option value="3">已取消</option>
                    <option value="4">已完成</option>
                    <option value="5">已作废</option></select>
            </div>
            <div class="layui-input-inline layui-show-xs-block">
                <input type="text" name="username" placeholder="请输入订单号" autocomplete="off" class="layui-input"></div>
            <div class="layui-input-inline layui-show-xs-block">
                <button class="layui-btn" lay-submit="" lay-filter="sreach">
                    <i class="layui-icon">&#xe615;</i></button>
            </div>
        </form>
    </div>
    <div class="layui-card-header">
        <button class="layui-btn layui-btn-danger" onclick="delAll()">
            <i class="layui-icon"></i>批量删除</button>
        <button class="layui-btn" onclick="xadmin.open('添加用户','./order-add.html',800,600)">
            <i class="layui-icon"></i>添加</button></div>
    <div class="layui-card-body ">
        <table id="demo" lay-filter="test"></table>
    </div>

    <script type="application/javascript">
        layui.use('table',function () {
            var table = layui.table;
            table.render({
                elem: '#demo',
                url: '/api/product/ilist',
                page: true,
                cols:[[
                    {field:'id',title:'ID',sort:true,fixed:'left'},
                    {field:'title',title:'名称',sort:true,fixed:'left'},
                    {field:'advantage',title:'名称',sort:true,fixed:'left'},
                    {field:'description',title:'简述优势',sort:true,fixed:'left'},
                    {field:'thumb',title:'名称',sort:true,fixed:'left'},
                    {field:'content',title:'名称',sort:true,fixed:'left'},
                    {field:'parameter',title:'名称',sort:true,fixed:'left'},
                    {field:'did',title:'名称',sort:true,fixed:'left'},
                    {field:'img',title:'名称',sort:true,fixed:'left'},
                    {field:'advantage2',title:'名称',sort:true,fixed:'left'},
                    {field:'type',title:'名称',sort:true,fixed:'left'},
                ]]
            });
        });
    </script>
</div>
</div>
</div>
{/block}